import { Link } from '@brillout/docpress'
import { UiFrameworkExtension } from '../../components'
import { BatiWidget } from './BatiWidget.tsx'
import { BatiNote } from './BatiNote.tsx'

<div style={{height: 30}}></div>

<BatiWidget />

<BatiNote />

<div style={{height: 10}}></div>

> **Requirement**: [Node.js](https://nodejs.org) (or Deno/Bun), which includes the package manager `npm` (or use `pnpm`/`yarn`).

> **Scaffolded apps use Vike extensions** like <UiFrameworkExtension name />. You can also <Link href="/new/core">scaffold apps that only use Vike's core</Link> (no extensions).

## See also

- <Link href="/new/core" />
- <Link href="/add" />
